<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <title>{$meta_title}|lgr管理平台</title>
    <script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="__JS__/jquery.mousewheel.js"></script>
	<link rel="stylesheet" type="text/css" href="__CSS__/print.css" media="all">
	
	<script type="text/javascript" src="__JS__/jquery.PrintArea.js"></script>
</head>
<body>
	<div class="Container">
		<div class="main-title">
			<h2>{$meta_title}</h2>
		</div>
		<div id="printArea" class="">
			<div class="header">
				<div class="title">
					<h2 class="h2">冠芳食品有限公司送货单</h2> 
				</div>
				<div class="Clear">
					<div class="shxx-left">
						<label>收货单位:</label>
					</div>
					<div class="divunderline shxx-left">
						<label>{$order[0]["customers_name"]}</label>
					</div>
					<div class="order">
						<label>{$order[0]["ordernum"]}</label>
					</div>
				</div>
				<div class="Clear">
					<div class="shxx-left">
						<label>收货地址:</label>
					</div>
					<div class="divunderline shxx-left">
						<label>{$order[0]["customers_dz"]}</label>
					</div>
				</div>
				<div class="Clear">
					<div>
						<div class="shxx-left">
							<label>联系人及电话:</label>
						</div>
						<div class="divunderline shxx-left">
							<label>{$order[0]["customers_lxr"]}{$order[0]["customers_dh"]}</label>
						</div>
						<div class="shxx-right">
							<label>{$order[0]["orderdate"]|time_format=###,"Y年m月d日"}</label>
						</div>
					</div>
				</div>
				
				
				
			</div>
			<div class="Clear"><!--如何你上面用到float,下面布局开始前最好清除一下。--></div>
			<div class="content">
				<div class="dtable-left">
					<table>
						<thead>
							<tr>
								<th>序号</th>
								<th>名称</th>
								<th>规格</th>
								<th>单位</th>
								<th>数量</th>
								<th>单价</th>
								<th>金额</th>
							</tr>
						</thead>
						<tbody>
							<volist name="order[0]['detaillist']" id="vo">
								<tr>
									<td>{$i}</td>
									<td>{$vo.goods_name}</td>
									<td>{$vo.spe_name}</td>
									<td>{$vo.unit}</td>
									<td>{$vo.num}</td>
									<td>{$vo.price}</td>
									<td>{$vo.total}</td>
								</tr>
							</volist>
						</tbody>
					</table>
				</div>
				<div class="Clear">
					<table>
						<tbody>
							<tr>
								<td>合计：{$order[0].total} 元</td>
							</tr>
							<tr>
								<td>人民币大写：{$order[0].total_rmb}</td>
							</tr>
							<tr>
								<td>备注：{$order[0].remark}</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			
			<div class="Clear"><!--如何你上面用到float,下面布局开始前最好清除一下。--></div>
			<div>
				<label class="tiplable">提示：第一联-入账、第二联-回单、第三联-交客户、第四联-存根</label>
			</div>
			<div>
				<label class="tiplable">地址：佛山市禅城区张槎街道莲塘村莲丰二路莲丰工业开发区A1栋2楼1号厂房</label>
			</div>
			<div class="footer">
				<div>
					<label>制单人:</label>
					<label>{$order[0]["jdy_name"]}</label>
				</div>
				<div>
					<label>送货人:</label>
				</div>
				<div>
					<label>收货人:</label>
				</div>
			</div>
		</div>
	</div>
	<div class="btndiv Clear">
		<button id="print">打印</button>
		<button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
	</div>
	<script type="text/javascript">
		$(function(){
			$("#print").click(function(){
				var mode = "iFrame";
				var close = false;
            	var extraCss = "";
            	var keepAttr = ["on"];
            	var headElements = '<meta charset="utf-8" />,<meta http-equiv="X-UA-Compatible" content="IE=edge"/>';
				var options = { mode : mode, popClose : close, extraCss : extraCss, retainAttr : keepAttr, extraHead : headElements };

				var print = "div.PrintArea";

				$("#printArea").printArea();
			});
		});
	</script>
</body>
</html>